main {
	color: #ffffff;
	.container {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100vh;
		margin: 0 auto;
		@media (max-width: 1200px) {
			padding: 0 2vw;
		}
		.main {
			display: flex;
			flex: 1;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100%;
			padding: 0 0.75rem;
		}
		.Copyright {
			text-align: center;
		}
		.more {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 2;
			width: 100%;
			height: 100%;
			background-color: #00000080;
			animation: fade 0.5s;
			animation: fade;
			backdrop-filter: blur(20px);
		}
	}
	.menu {
		position: fixed;
		top: 84%;
		left: calc(50% - 28px);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 56px;
		height: 34px;
		background: rgb(0 0 0 / 20%);
		border-radius: 6px;
		transition: all 0.3s;
		animation: fade 0.5s;
		animation: fade;
		backdrop-filter: blur(10px);
		&:active {
			transform: scale(0.95);
		}
		.i-icon {
			transform: translateY(2px);
		}
		@media (min-width: 720px) {
			display: none;
		}
	}
}
